<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>系统管理</title>
        <#include '/commons/include/head.ftl'>
        <!--导入首页启动时需要的相应资源文件(首页相应功能的 js 库、css样式以及渲染首页界面的 js 文件)-->
        <script src="${ctx}/static/js/manager/main-start.js" type="text/javascript"></script>
        <script src="${ctx}/static/js/manager/main.js" type="text/javascript"></script>
    </head>
    <body>
        <div id="maskContainer">
            <div class="datagrid-mask" style="display: block;"></div>
            <div class="datagrid-mask-msg" style="display: block; left: 50%; margin-left: -52.5px;">正在加载...</div>
        </div>
        
        <div id="mainLayout" class="easyui-layout hidden" data-options="fit: true">
            <div id="northPanel" data-options="region: 'north', border: false" style="height: 45px; overflow: hidden;">
                <div id="topbar" class="top-bar">
                    <div class="top-bar-left">
                        <h1></h1>
                    </div>
                    <div class="top-bar-right">
                        <ul class="top-nav-bar">
                            <li class="gray">
                                <a>
                                    <i class="fa fa-tasks dark-icon"></i>
                                    <span class="badge badge-grey">215</span>
                                </a>
                            </li>
                            <li class="purple">
                                <a>
                                    <i class="fa fa-bell dark-icon"></i>
                                    <span class="badge badge-important">5</span>
                                </a>
                            </li>
                            <li class="green">
                                <a>
                                    <i class="fa fa-envelope dark-icon"></i>
                                    <span class="badge badge-success">8</span>
                                </a>
                            </li>
                            <li class="user">
                                <a class="easyui-menubutton" data-options="menu: '#myNavMenu_toggleMenu'">
                                	<img class="user-avatar" alt="Jason's Photo" src="${ctx}/static/imgs/avatars/avatar5.png" />
                                	<span class="user-welcome">
                                        <small>欢迎您,</small> ${(currentUser.truename)!}
                                    </span>
	                                <div id="myNavMenu_toggleMenu" class="easyui-menu" style="width: 140px;">
	                                    <div id="main-info" data-options="iconCls: 'icon-hamburg-hire-me'">我的信息</div>
	                                    <div id="main-changePassword" data-options="iconCls: 'icon-hamburg-lock'">修改密码</div>
	                                    <div class="menu-sep"></div>
	                                    <div id="main-record" data-options="iconCls: 'icon-hamburg-print'">履历信息</div>
	                                    <div id="main-sendmail" data-options="iconCls: 'icon-hamburg-email'">发送邮件</div>
	                                    <div class="menu-sep"></div>
	                                    <div id="logoutSystem" data-options="iconCls: 'icon-hamburg-sign-out'">退出系统</div>
	                                </div>
                                </a>
                            </li>
                            <li>
                                <a class="up" id="btnHideNorth">
                                    <i class="fa fa-angle-double-up"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                
                <div id="toolbar" class="panel-header panel-header-noborder top-toolbar" style="display: none;">
                    <div id="infobar">
                        <i class="fa fa-bell dark-icon" style="margin-right:6px;"></i>欢迎您，${(currentUser.truename)!}
                    </div>
                    <div id="buttonbar">
                        <a id="btnFullScreen" class="easyui-linkbutton" data-options="plain: true, iconCls: 'icon-standard-arrow-inout'">全屏切换</a>
                        <a onclick="window.mainpage.logout();" class="easyui-linkbutton" data-options="plain: true, iconCls: 'icon-hamburg-sign-out'">退出系统</a>
                        <a id="btnShowNorth" class="easyui-linkbutton" data-options="plain: true, iconCls: 'layout-button-down'"></a>
                    </div>
                </div>
            </div>
            <div data-options="region: 'west', iconCls: 'icon-standard-map', split: true, minWidth: 250, maxWidth: 500" style="width: 250px; padding: 1px;">
                <div id="westLayout" class="easyui-layout" data-options="fit: true">
                    <div data-options="region: 'center', border: false" style="border-bottom-width: 1px;">
                        <div id="westCenterLayout" class="easyui-layout" data-options="fit: true">
                            <div data-options="region: 'north', split: false, border: false" style="height: 33px;">
                                <div class="easyui-toolbar">
                                    <a id="navMenu_expand" class="easyui-splitbutton" data-options="iconCls: 'icon-metro-expand2', menu: '#navMenu_toggleMenu'">展开</a>
                                    <a class="easyui-linkbutton" data-options="plain: true, iconCls: 'icon-standard-feed-add'">收藏</a>
                                    <a class="easyui-linkbutton" data-options="plain: true, iconCls: 'icon-hamburg-pencil'">重命名</a>
                                    <div id="navMenu_toggleMenu" class="easyui-menu">
                                        <div id="navMenu_collapse" data-options="iconCls: 'icon-metro-contract2'">折叠当前</div>
                                        <div class="menu-sep"></div>
                                        <div id="navMenu_collapseCurrentAll" data-options="iconCls: 'icon-metro-expand'">展开当前所有</div>
                                        <div id="navMenu_expandCurrentAll" data-options="iconCls: 'icon-metro-contract'">折叠当前所有</div>
                                        <div class="menu-sep"></div>
                                        <div id="navMenu_collapseAll" data-options="iconCls: 'icon-standard-arrow-out'">展开所有</div>
                                        <div id="navMenu_expandAll" data-options="iconCls: 'icon-standard-arrow-in'">折叠所有</div>
                                    </div>
                                </div>
                                <!--
                                <div class="header-toolbar">
                                    <ul>
                                        <li class="toolbar-left">
                                            <a id="navMenu_expandAll" href="javascript:;" title="折叠所有"><i class="fa fa-arrows"></i></a>
                                            <a id="navMenu_collapseAll" href="javascript:;" title="展开所有"><i class="fa fa-arrows-alt"></i></a>
                                            
                                            <a id="navMenu_expandAll" href="javascript:;" title="折叠所有"><i class="fa fa-compress"></i></a>
                                            <a id="navMenu_collapseAll" href="javascript:;" title="展开所有"><i class="fa fa-expand"></i></a>
                                            <a href="javascript:;"><i class="fa fa-balance-scale"></i></a>
                                            <a href="javascript:;"><i class="fa fa-industry"></i></a>
                                            <a href="javascript:;"><i class="fa fa-object-ungroup"></i></a>
                                            <a href="javascript:;"><i class="fa fa-tv"></i></a>
                                            
                                        </li>
                                    </ul>
                                </div>
                                -->
                                <a id="btoHideWest" style="float:right" class="easyui-linkbutton" data-options="plain: true, iconCls: 'layout-button-left'"></a>
                            </div>
                            
                            <div id="westCenterLayoutPanel" data-options="region: 'center', border: false">
                            </div>
                        </div>
                    </div>
                    
                    <div id="westSouthPanel" data-options="region: 'south', border: false, split: true, minHeight: 32, maxHeight: 275" style="height: 275px; border-top-width: 1px;">
                    <ul id="navMenu_list"></ul>
                </div>
            </div>
        </div>
        <div data-options="region: 'center'" style="padding: 1px;">
            <div id="mainTabs_tools" class="tabs-tool">
                <table>
                    <tr>
                        <td><a id="mainTabs_jumpHome" class="easyui-linkbutton easyui-tooltip" title="跳转至主页选项卡" data-options="plain: true, iconCls: 'icon-hamburg-home'"></a></td>
                        <td><div class="datagrid-btn-separator"></div></td>
                        <td><a id="mainTabs_toggleAll" class="easyui-linkbutton easyui-tooltip" title="展开/折叠面板使选项卡最大化" data-options="plain: true, iconCls: 'icon-standard-arrow-inout'"></a></td>
                        <td><div class="datagrid-btn-separator"></div></td>
                        <td><a id="mainTabs_jumpTab" class="easyui-linkbutton easyui-tooltip" title="在新页面中打开该选项卡" data-options="plain: true, iconCls: 'icon-standard-shape-move-forwards'"></a></td>
                        <td><div class="datagrid-btn-separator"></div></td>
                        <td><a id="mainTabs_closeTab" class="easyui-linkbutton easyui-tooltip" title="关闭当前选中的选项卡" data-options="plain: true, iconCls: 'icon-standard-application-form-delete'"></a></td>
                        <td><a id="mainTabs_closeOther" class="easyui-linkbutton easyui-tooltip" title="关闭除当前选中外的其他所有选项卡" data-options="plain: true, iconCls: 'icon-standard-cancel'"></a></td>
                        <td><div class="datagrid-btn-separator"></div></td>
                        <td><a id="mainTabs_closeLeft" class="easyui-linkbutton easyui-tooltip" title="关闭左侧所有选项卡" data-options="plain: true, iconCls: 'icon-standard-tab-close-left'"></a></td>
                        <td><a id="mainTabs_closeRight" class="easyui-linkbutton easyui-tooltip" title="关闭右侧所有选项卡" data-options="plain: true, iconCls: 'icon-standard-tab-close-right'"></a></td>
                        <td><div class="datagrid-btn-separator"></div></td>
                        <td><a id="mainTabs_closeAll" class="easyui-linkbutton easyui-tooltip" title="关闭所有选项卡" data-options="plain: true, iconCls: 'icon-standard-cross'"></a></td>
                    </tr>
                </table>
            </div>
			<div id="mainTabs" class="easyui-tabs" data-options="fit: true, border: true, showOption: true, enableNewTabMenu: true, tools: '#mainTabs_tools', enableJumpTabMenu: true, onSelect: function (title, index) { window.mainpage.mainTabs.updateHash(index); }">
                <div id="homePanel" data-options="title: '主页', iconCls: 'icon-hamburg-home' , refreshable: true">
                    <iframe scrolling="yes" frameborder="0"  src="${ctx}/manager/dashboard" style="width:100%;height:100%;"></iframe>
                    <#--
                    <@shiro.principal name="truename"></@shiro.principal>
                    <hr>
                    -->
                    <#--
                    ${(currentUser.truename)!}
                    <hr>
                    <@shiro.user>
						你好！<@shiro.principal/>
					</@shiro.user>
					-->
                </div>
            </div>
        </div>
        <div data-options="region: 'east', iconCls: 'icon-standard-date', split: false, minWidth: 200, maxWidth: 500" style="width: 220px;">
            <div id="eastLayout" class="easyui-layout" data-options="fit: true">
                <div data-options="region: 'north', split: false, border: false" style="height: 220px;">
                    <div class="header-toolbar">
                        <ul>
                            <li class="toolbar-right">
                                <a href="javascript:;"><i class="fa fa-tachometer"></i></a>
                                <a href="javascript:;"><i class="fa fa-futbol-o"></i></a>
                                <a href="javascript:;"><i class="fa fa-hand-spock-o"></i></a>
                                <a href="javascript:;"><i class="fa fa-plane"></i></a>
                                <a href="javascript:;"><i class="fa fa-mars-double"></i></a>
                                <a href="javascript:;"><i class="fa fa-cog"></i></a>
                            </li>
                        </ul>
                    </div>
                    <a id="btoHideEast" class="easyui-linkbutton" data-options="plain: true, iconCls: 'layout-button-right'"></a>
                    
                    <div class="easyui-calendar" data-options="fit: true, border: false"></div>
                </div>
                <div id="linkPanel" data-options="region: 'center', border: false, title: '友情链接', iconCls: 'icon-hamburg-link', tools: [{ iconCls: 'icon-hamburg-refresh', handler: function () { window.link.reload(); } }]">
                <ul id="linkList" class="portlet-list link-list"></ul>
            </div>
        </div>
    </div>
    <div data-options="region: 'south', title: '关于...', iconCls: 'icon-standard-information', collapsed: true, border: false" style="height: 70px;">
        <div style="color: #4e5766; padding: 6px 0px 0px 0px; margin: 0px auto; text-align: center; font-size:12px; font-family:微软雅黑;">
            @2015-2016 Copyright: Duang Personal.
            <br />建议使用&nbsp;
            <a href="http://windows.microsoft.com/zh-CN/internet-explorer/products/ie/home" target="_blank" style="text-decoration: none;">IE(Version 9/10/11)</a>/
            <a href="https://www.google.com/intl/zh-CN/chrome/browser/" target="_blank" style="text-decoration: none;">Chrome</a>/
            <a href="http://firefox.com.cn/download/" target="_blank" style="text-decoration: none;">Firefox</a>
            &nbsp;系列浏览器。
        </div>
    </div>
</div>
</body>
</html>